<script setup lang="ts">
import { ElMenu, ElMenuItem, ElSubMenu, ElTabs, ElTabPane } from 'element-plus'
import Markdown from './Markdown.vue'
import { ref, onMounted, watch } from 'vue'
import AccessLogs from './AccessLogs.vue'

const activeName = ref('first')
const activeIndex = ref('1')
const handleSelect = (key: string, keyPath: string[]) => {
  console.log(key, keyPath)
}
const data = ref('')
const handleClick = async (svt: any) => {
  try {
    const response = await fetch(import.meta.env.VITE_BASE_URL + `/md/${svt}.md`)
    data.value = await response.text()
  } catch (error) {
    console.error('Failed to load markdown content:', error)
  }
}
const handleClick2 = async (menu1: any, menu2: any, svt: any) => {
  try {
    const response = await fetch(
      import.meta.env.VITE_BASE_URL +
        `/md/《结构生力全领域全学科目录（V1）》/${menu1}/${menu2}/${svt}.md`,
    )
    data.value = await response.text()
  } catch (error) {
    console.error('Failed to load markdown content:', error)
  }
}

const handleClick3 = async (menu1: any) => {
  try {
    const response = await fetch(import.meta.env.VITE_BASE_URL +`/md/${menu1}.md`)
    data.value = await response.text()
  } catch (error) {
    console.error('Failed to load markdown content:', error)
  }
}
const handletabClick = (tab: any) => {
  console.log(tab.props.name)
  if (tab.props.name == 'first') {
    handleClick('structural_generative_force_theory')
    activeIndex.value = '1'
  } else if (tab.props.name == 'second') {
    handleClick2(
      'I. 自然科学（Natural Sciences）',
      '1物理学',
      'Structural Vital Force as a Unifying Framework in Theoretical Physics',
    )
    activeIndex.value = '5-0'
  } else if (tab.props.name == 'third') {
    handleClick2(
      '《结构生力全领域学术论文总览（粗版）》V1',
      'I. 自然科学',
      'Helical Life Structural Vital Force in DNA and Evolution',
    )
    activeIndex.value = '5000-0'
  } else if (tab.props.name == 'four') {
    handleClick3('结构生力宣言The Declaration of Structural Vital Force ')
    activeIndex.value = '7000-0'
  } else if (tab.props.name == 'accessLogs') {
    // 访问记录标签页不需要特殊处理
    console.log('切换到访问记录标签页')
  }
}
onMounted(() => {
  handleClick('structural_generative_force_theory')
})

// 监听 data，每次内容变化后触发 MathJax 渲染
watch(data, () => {
  // @ts-ignore
  if (window.MathJax && window.MathJax.typeset) {
    window.MathJax.typeset()
  }
})
</script>
<template>
  <el-tabs
    v-model="activeName"
    class="demo-tabs"
    @tab-click="handletabClick"
    style="background: #fff"
  >
    <el-tab-pane label="物理学629" name="first">
      <el-menu
        :default-active="activeIndex"
        class="el-menu-demo"
        mode="horizontal"
        @select="handleSelect"
      >
        <el-menu-item index="1" @click="handleClick('structural_generative_force_theory')"
          >structural_generative_force_theory</el-menu-item
        >
        <el-menu-item
          index="1-0"
          @click="handleClick('313 Structural Vital Force Unified Formula (v5.0)')"
          >313 Structural Vital Force Unified Formula (v5.0)</el-menu-item
        >
        <el-menu-item index="1-1" @click="handleClick('313 结构生力 v6.0 - 三重螺旋扰动统一理论')"
          >313 结构生力 v6.0 - 三重螺旋扰动统一理论</el-menu-item
        >
        <el-sub-menu index="000">
          <template #title>contact</template>
          <el-menu-item index="000-1" @click="handleClick('LICENSE')">LICENSE</el-menu-item>
          <el-menu-item index="000-2" @click="handleClick('README')">README</el-menu-item>
        </el-sub-menu>
        <el-menu-item index="2" @click="handleClick('Structure-Coupled Curve Theory Derivation')"
          >Structure-Coupled Curve Theory Derivation</el-menu-item
        >
        <el-menu-item index="3" @click="handleClick('theory_overview')"
          >theory_overview</el-menu-item
        >
        <el-menu-item
          index="4"
          @click="handleClick('Variable Speed of Light Derivation Structural Vital Force v5')"
          >Variable Speed of Light Derivation Structural Vital Force v5</el-menu-item
        >
        <el-menu-item
          index="400-1"
          @click="handleClick('Structural Vital Force Homogeneous Scaling')"
          >Structural Vital Force Homogeneous Scaling</el-menu-item
        >
        <el-menu-item
          index="400-2"
          @click="handleClick('Structural Vital Force Homogeneous Scaling2')"
          >Structural Vital Force Homogeneous Scaling2</el-menu-item
        >
        <el-menu-item
          index="400-3"
          @click="handleClick('Structure Vital Force Perspective on Solar Fusion')"
          >Structure Vital Force Perspective on Solar Fusion</el-menu-item
        >
        <el-sub-menu index="100">
          <template #title>Time–Mass–Energy Triangle Hypothesis</template>
          <el-menu-item index="100-1" @click="handleClick('Time–Mass–Energy Triangle Hypothesis')"
            >Time–Mass–Energy Triangle Hypothesis</el-menu-item
          >
          <el-menu-item index="100-1" @click="handleClick('Scalability Across Scales')"
            >Scalability Across Scales</el-menu-item
          >
          <el-menu-item index="100-1" @click="handleClick('Time–Mass–Energy Triangle Hypothesis')"
            >Time–Mass–Energy Triangle Hypothesis</el-menu-item
          >
          <el-menu-item index="100-1" @click="handleClick('Time–Mass–Energy Triangle Hypothesis')"
            >Time–Mass–Energy Triangle Hypothesis</el-menu-item
          >
          <el-menu-item index="100-2" @click="handleClick('Preliminary Paper Draft')"
            >Preliminary Paper Draft</el-menu-item
          >
          <el-menu-item
            index="100-2-1-1"
            @click="handleClick('Structural Vital Force and Its Connection to Consciousness & AI')"
            >Structural Vital Force and Its Connection to Consciousness & AI</el-menu-item
          >
          <el-menu-item
            index="100-2-1-2"
            @click="handleClick('Structural Vital Force Derivation of Earths Crustal Motion')"
            >Structural Vital Force Derivation of Earth's Crustal Motion</el-menu-item
          >
          <el-menu-item
            index="100-2-1-3"
            @click="handleClick('Structural Vital Force Perspective on Atmospheric Motion')"
            >Structural Vital Force Perspective on Atmospheric Motion</el-menu-item
          >
          <el-menu-item
            index="100-2-1-4"
            @click="handleClick('Structural Vital Force Perspective on Oceanic Motion')"
            >Structural Vital Force Perspective on Oceanic Motion</el-menu-item
          >

          <el-menu-item
            index="100-2-1-5"
            @click="
              handleClick('Structural Vital Force-Based Derivation of Consciousness Structure')
            "
            >Structural Vital Force-Based Derivation of Consciousness Structure</el-menu-item
          >

          <el-menu-item
            index="100-2-1"
            @click="
              handleClick('Prediction of Sub-Quark Structures via Isofrequency Scaling Hypothesis')
            "
            >Prediction of Sub-Quark Structures via Isofrequency Scaling Hypothesis</el-menu-item
          >
          <el-menu-item index="100-2-2" @click="handleClick('newtonian_experiments_en')"
            >newtonian_experiments_en</el-menu-item
          >
          <el-menu-item index="100-2-3" @click="handleClick('newtonian_experiments_2_en')"
            >newtonian_experiments_2_en</el-menu-item
          >
          <el-menu-item
            index="100-2-4"
            @click="
              handleClick('Mathematical Assumptions and Structural Vital Force Formulas v1~v5')
            "
            >Mathematical Assumptions and Structural Vital Force Formulas v1~v5</el-menu-item
          >
          <el-menu-item index="100-2-4" @click="handleClick('Isofrequency Scaling Hypothesis')"
            >Isofrequency Scaling Hypothesis</el-menu-item
          >

          <el-sub-menu index="100-4">
            <template #title>relativity_experiments_en</template>
            <el-menu-item index="100-4-1" @click="handleClick('relativity_experiments_en')"
              >relativity_experiments_en</el-menu-item
            >
            <el-menu-item index="100-4-2" @click="handleClick('relativity_experiments_2_en')"
              >relativity_experiments_2_en</el-menu-item
            >
            <el-menu-item index="100-4-3" @click="handleClick('quantum_experiments_en')"
              >quantum_experiments_en</el-menu-item
            >
            <el-menu-item
              index="100-4-1"
              @click="handleClick('quantum_experiments_for_structural_force')"
              >quantum_experiments_for_structural_force</el-menu-item
            >
          </el-sub-menu>
        </el-sub-menu>

        <el-menu-item
          index="200"
          @click="
            handleClick('From Quantum to Cosmos Structural Vital Force in the Fibonacci Spiral')
          "
          >From Quantum to Cosmos Structural Vital Force in the Fibonacci Spiral</el-menu-item
        >
        <el-menu-item index="200-1" @click="handleClick('ExperimentalPlans')"
          >ExperimentalPlans</el-menu-item
        >
        <el-menu-item index="200-2" @click="handleClick('ExperimentalPlans_Full')"
          >ExperimentalPlans_Full</el-menu-item
        >
        <el-menu-item index="200-3" @click="handleClick('CoreFormulas')">CoreFormulas</el-menu-item>
        <el-menu-item
          index="200-4"
          @click="handleClick('Derivation of Structural Coupling Curve Theory')"
          >Derivation of Structural Coupling Curve Theory</el-menu-item
        >
        <el-menu-item
          index="200-5"
          @click="handleClick('Hydrogen Atom Level Transition Derivation (with SVF perspective)')"
          >Hydrogen Atom Level Transition Derivation (with SVF perspective)</el-menu-item
        >
        <el-menu-item
          index="200-6"
          @click="
            handleClick(
              'Hydrogen Atom Transition Derivation Structural Vital Force v5 vs Traditional Quantum Mechanics',
            )
          "
          >Hydrogen Atom Transition Derivation Structural Vital Force v5 vs Traditional Quantum
          Mechanics</el-menu-item
        >
        <el-sub-menu index="300">
          <template #title>Calculation Structural Vital Force v5 vs Newtonian Mechanics</template>
          <el-menu-item
            index="300-1"
            @click="
              handleClick(
                'First Cosmic Velocity Calculation Structural Vital Force v5 vs Newtonian Mechanics',
              )
            "
            >First Cosmic Velocity Calculation Structural Vital Force v5 vs Newtonian
            Mechanics</el-menu-item
          >
          <el-menu-item
            index="300-2"
            @click="
              handleClick(
                'Second Cosmic Velocity Calculation Structural Vital Force v5 vs Newtonian Mechanics',
              )
            "
            >Second Cosmic Velocity Calculation Structural Vital Force v5 vs Newtonian
            Mechanics</el-menu-item
          >
          <el-menu-item
            index="3200-3"
            @click="
              handleClick(
                'Third Cosmic Velocity Calculation Structural Vital Force v5 vs Newtonian Mechanics',
              )
            "
            >Third Cosmic Velocity Calculation Structural Vital Force v5 vs Newtonian
            Mechanics</el-menu-item
          >
          <el-menu-item
            index="300-4"
            @click="
              handleClick(
                'Fourth Cosmic Velocity Calculation Structural Vital Force v5 vs Newtonian Mechanics',
              )
            "
            >Fourth Cosmic Velocity Calculation Structural Vital Force v5 vs Newtonian
            Mechanics</el-menu-item
          >

          <el-menu-item
            index="300-5"
            @click="
              handleClick(
                'Fifth Cosmic Velocity Calculation Structural Vital Force v5 vs Newtonian Mechanics',
              )
            "
            >Fifth Cosmic Velocity Calculation Structural Vital Force v5 vs Newtonian
            Mechanics</el-menu-item
          >
          <el-menu-item
            index="300-6"
            @click="
              handleClick(
                'Sixth Cosmic Velocity Calculation Structural Vital Force v5 vs Newtonian Mechanics',
              )
            "
            >Sixth Cosmic Velocity Calculation Structural Vital Force v5 vs Newtonian
            Mechanics</el-menu-item
          >
        </el-sub-menu>
      </el-menu></el-tab-pane
    >
    <el-tab-pane label="全领域全学科817 V1" name="second">
      <el-menu
        :default-active="activeIndex"
        class="el-menu-demo"
        mode="horizontal"
        @select="handleSelect"
      >
        <el-sub-menu index="500">
          <template #title>I. 自然科学（Natural Sciences）物理学</template>
          <el-menu-item
            index="5-0"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '1物理学',
                'Structural Vital Force as a Unifying Framework in Theoretical Physics',
              )
            "
            >Structural Vital Force as a Unifying Framework in Theoretical Physics</el-menu-item
          >
          <el-menu-item
            index="5-1"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '1物理学',
                'Structural Vital Force in Condensed Matter Physics',
              )
            "
            >Structural Vital Force in Condensed Matter Physics</el-menu-item
          >
          <el-menu-item
            index="5-2"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '1物理学',
                'Structural Vital Force in Cosmology and Astrophysics',
              )
            "
            >Structural Vital Force in Cosmology and Astrophysics</el-menu-item
          >
          <el-menu-item
            index="5-3"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '1物理学',
                'Structural Vital Force in Nuclear and Particle Physics',
              )
            "
            >Structural Vital Force in Nuclear and Particle Physics</el-menu-item
          >
          <el-menu-item
            index="5-4"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '1物理学',
                'Structural Vital Force in Statistical Physics and Thermodynamics',
              )
            "
            >Structural Vital Force in Statistical Physics and Thermodynamics</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="600">
          <template #title>I. 自然科学（Natural Sciences）化学</template>
          <el-menu-item
            index="6-0"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '2化学',
                'Structural Vital Force in Inorganic Chemistry',
              )
            "
            >Structural Vital Force in Inorganic Chemistry</el-menu-item
          >
          <el-menu-item
            index="6-1"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '2化学',
                'Structural Vital Force in Materials Chemistry',
              )
            "
            >Structural Vital Force in Materials Chemistry</el-menu-item
          >
          <el-menu-item
            index="6-2"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '2化学',
                'Structural Vital Force in Organic Chemistry',
              )
            "
            >Structural Vital Force in Organic Chemistry</el-menu-item
          >
          <el-menu-item
            index="6-3"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '2化学',
                'Structural Vital Force in Physical Chemistry',
              )
            "
            >Structural Vital Force in Physical Chemistry</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="700">
          <template #title>I. 自然科学（Natural Sciences）天文学</template>
          <el-menu-item
            index="7-0"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '3天文学',
                'Structural Vital Force and the Formation and Evolution of Galaxies',
              )
            "
            >Structural Vital Force and the Formation and Evolution of Galaxies</el-menu-item
          >
          <el-menu-item
            index="7-1"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '3天文学',
                'Structural Vital Force in Cosmic Microwave Background and Large-Scale Structure',
              )
            "
            >Structural Vital Force in Cosmic Microwave Background and Large-Scale
            Structure</el-menu-item
          >
          <el-menu-item
            index="7-2"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '3天文学',
                'Structural Vital Force in Planetary Science and Habitability',
              )
            "
            >Structural Vital Force in Planetary Science and Habitability</el-menu-item
          >
          <el-menu-item
            index="7-3"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '3天文学',
                'Structural Vital Force in Stellar Lifecycle and Explosion Mechanisms',
              )
            "
            >Structural Vital Force in Stellar Lifecycle and Explosion Mechanisms</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="800">
          <template #title>I. 自然科学（Natural Sciences）地球科学</template>
          <el-menu-item
            index="8-0"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '4地球科学',
                'Structural Vital Force in Atmospheric Science Climate Change Patterns',
              )
            "
            >Structural Vital Force in Atmospheric Science Climate Change Patterns</el-menu-item
          >
          <el-menu-item
            index="8-1"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '4地球科学',
                'Structural Vital Force in Geophysics Plate Tectonics and Earthquake Prediction',
              )
            "
            >Structural Vital Force in Geophysics Plate Tectonics and Earthquake
            Prediction</el-menu-item
          >
          <el-menu-item
            index="8-2"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '4地球科学',
                'Structural Vital Force in Ocean Science Fluid Spirals and Ocean Current Dynamics',
              )
            "
            >Structural Vital Force in Ocean Science Fluid Spirals and Ocean Current
            Dynamics</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="900">
          <template #title>I. 自然科学（Natural Sciences）生物学</template>
          <el-menu-item
            index="9-0"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '5生物学',
                'Structural Vital Force in Ecology Ecosystem Structural Stability',
              )
            "
            >Structural Vital Force in Ecology Ecosystem Structural Stability</el-menu-item
          >
          <el-menu-item
            index="9-1"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '5生物学',
                'Structural Vital Force in Evolutionary Biology Evolutionary Trends Driven by Structural Vital Force',
              )
            "
            >Structural Vital Force in Evolutionary Biology Evolutionary Trends Driven by Structural
            Vital Force</el-menu-item
          >
          <el-menu-item
            index="9-2"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '5生物学',
                'Structural Vital Force in Molecular Biology DNA Helix Stability',
              )
            "
            >Structural Vital Force in Molecular Biology DNA Helix Stability</el-menu-item
          >
          <el-menu-item
            index="9-3"
            @click="
              handleClick2(
                'I. 自然科学（Natural Sciences）',
                '5生物学',
                'Structural Vital Force in Neuroscience Brain Structure and Emergence of Consciousness',
              )
            "
            >Structural Vital Force in Neuroscience Brain Structure and Emergence of
            Consciousness</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="1000">
          <template #title>II. 工程与技术（Engineering & Technology）1机械与结构工程</template>
          <el-menu-item
            index="10-0"
            @click="
              handleClick2(
                'II. 工程与技术（Engineering & Technology）',
                '1机械与结构工程',
                'Structural Vital Force in Biomimetic Structural Engineering',
              )
            "
            >Structural Vital Force in Biomimetic Structural Engineering</el-menu-item
          >
          <el-menu-item
            index="10-1"
            @click="
              handleClick2(
                'II. 工程与技术（Engineering & Technology）',
                '1机械与结构工程',
                'Structural Vital Force in Helical Force Structures',
              )
            "
            >Structural Vital Force in Helical Force Structures</el-menu-item
          >
          <el-menu-item
            index="10-2"
            @click="
              handleClick2(
                'II. 工程与技术（Engineering & Technology）',
                '1机械与结构工程',
                'Structural Vital Force in Material Fatigue and Stability Optimization',
              )
            "
            >Structural Vital Force in Material Fatigue and Stability Optimization</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="1100">
          <template #title>II. 工程与技术（Engineering & Technology）2电子与计算机工程</template>
          <el-menu-item
            index="11-0"
            @click="
              handleClick2(
                'II. 工程与技术（Engineering & Technology）',
                '2电子与计算机工程',
                'Structural Vital Force in Neuromorphic Computing (ACLU)',
              )
            "
            >Structural Vital Force in Neuromorphic Computing (ACLU)</el-menu-item
          >
          <el-menu-item
            index="11-1"
            @click="
              handleClick2(
                'II. 工程与技术（Engineering & Technology）',
                '2电子与计算机工程',
                'Structural Vital Force in Non-Silicon Architecture Processors (Carbon, Germanium, Tin)',
              )
            "
            >Structural Vital Force in Non-Silicon Architecture Processors (Carbon, Germanium,
            Tin)</el-menu-item
          >
          <el-menu-item
            index="11-2"
            @click="
              handleClick2(
                'II. 工程与技术（Engineering & Technology）',
                '2电子与计算机工程',
                'Structural Vital Force in Semiconductor and Chip Design',
              )
            "
            >Structural Vital Force in Semiconductor and Chip Design</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="1200">
          <template #title>II. 工程与技术（Engineering & Technology）3能源工程</template>
          <el-menu-item
            index="12-0"
            @click="
              handleClick2(
                'II. 工程与技术（Engineering & Technology）',
                '3能源工程',
                'Structural Vital Force in Fusion Reactor Structural Optimization',
              )
            "
            >Structural Vital Force in Fusion Reactor Structural Optimization</el-menu-item
          >
          <el-menu-item
            index="12-1"
            @click="
              handleClick2(
                'II. 工程与技术（Engineering & Technology）',
                '3能源工程',
                'Structural Vital Force in High-Efficiency Photovoltaic Structures',
              )
            "
            >Structural Vital Force in High-Efficiency Photovoltaic Structures</el-menu-item
          >
          <el-menu-item
            index="12-2"
            @click="
              handleClick2(
                'II. 工程与技术（Engineering & Technology）',
                '3能源工程',
                'Structural Vital Force in Spiral Vortex Enhancement for Wind and Hydro Energy',
              )
            "
            >Structural Vital Force in Spiral Vortex Enhancement for Wind and Hydro
            Energy</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="1300">
          <template #title>II. 工程与技术（Engineering & Technology）4航天与航空</template>
          <el-menu-item
            index="13-0"
            @click="
              handleClick2(
                'II. 工程与技术（Engineering & Technology）',
                '4航天与航空',
                'Structural Vital Force in Spacecraft Attitude Stability Control',
              )
            "
            >Structural Vital Force in Spacecraft Attitude Stability Control</el-menu-item
          >
          <el-menu-item
            index="13-1"
            @click="
              handleClick2(
                'II. 工程与技术（Engineering & Technology）',
                '4航天与航空',
                'Structural Vital Force in Spiral-Orbit Propulsion',
              )
            "
            >Structural Vital Force in Spiral-Orbit Propulsion</el-menu-item
          >
          <el-menu-item
            index="13-2"
            @click="
              handleClick2(
                'II. 工程与技术（Engineering & Technology）',
                '4航天与航空',
                'Structural Vital Force in Starship Impact-Resistant Design',
              )
            "
            >Structural Vital Force in Starship Impact-Resistant Design</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="1400">
          <template #title>II. 工程与技术（Engineering & Technology）5信息技术</template>
          <el-menu-item
            index="14-0"
            @click="
              handleClick2(
                'II. 工程与技术（Engineering & Technology）',
                '5信息技术',
                'Structural Vital Force in Data Structure and Network Topology Optimization',
              )
            "
            >Structural Vital Force in Data Structure and Network Topology
            Optimization</el-menu-item
          >
          <el-menu-item
            index="14-1"
            @click="
              handleClick2(
                'II. 工程与技术（Engineering & Technology）',
                '5信息技术',
                'Structural Vital Force in Quantum Computer Architecture Models',
              )
            "
            >Structural Vital Force in Quantum Computer Architecture Models</el-menu-item
          >
          <el-menu-item
            index="14-2"
            @click="
              handleClick2(
                'II. 工程与技术（Engineering & Technology）',
                '5信息技术',
                'Structural Vital Force-Driven Self-Organizing Evolution of AI Architectures',
              )
            "
            >Structural Vital Force-Driven Self-Organizing Evolution of AI
            Architectures</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="1500">
          <template #title>III. 人文与社会科学（Humanities & Social Sciences）经济学</template>
          <el-menu-item
            index="15-0"
            @click="
              handleClick2(
                'III. 人文与社会科学（Humanities & Social Sciences）',
                '经济学',
                'Structural Vital Force in Economic Cycle Structural Models',
              )
            "
            >Structural Vital Force in Economic Cycle Structural Models</el-menu-item
          >
          <el-menu-item
            index="15-1"
            @click="
              handleClick2(
                'III. 人文与社会科学（Humanities & Social Sciences）',
                '经济学',
                'Structural Vital Force in Market Self-Organization Phenomena',
              )
            "
            >Structural Vital Force in Market Self-Organization Phenomena</el-menu-item
          >
          <el-menu-item
            index="15-2"
            @click="
              handleClick2(
                'III. 人文与社会科学（Humanities & Social Sciences）',
                '经济学',
                'Structural Vital Force in Structural Risk Analysis of Financial Systems',
              )
            "
            >Structural Vital Force in Structural Risk Analysis of Financial Systems</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="1600">
          <template #title>III. 人文与社会科学（Humanities & Social Sciences）历史学</template>
          <el-menu-item
            index="16-0"
            @click="
              handleClick2(
                'III. 人文与社会科学（Humanities & Social Sciences）',
                '历史学',
                'Structural Vital Force in Analyzing Structural Turning Points of Technological Revolutions',
              )
            "
            >Structural Vital Force in Analyzing Structural Turning Points of Technological
            Revolutions</el-menu-item
          >
          <el-menu-item
            index="16-1"
            @click="
              handleClick2(
                'III. 人文与社会科学（Humanities & Social Sciences）',
                '历史学',
                'Structural Vital Force in Cyclical Models of War and Peace',
              )
            "
            >Structural Vital Force in Cyclical Models of War and Peace</el-menu-item
          >
          <el-menu-item
            index="16-2"
            @click="
              handleClick2(
                'III. 人文与社会科学（Humanities & Social Sciences）',
                '历史学',
                'Structural Vital Force in the Structural Dynamics of Civilizational Rise and Fall',
              )
            "
            >Structural Vital Force in the Structural Dynamics of Civilizational Rise and
            Fall</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="1700">
          <template #title>III. 人文与社会科学（Humanities & Social Sciences）社会学</template>
          <el-menu-item
            index="17-0"
            @click="
              handleClick2(
                'III. 人文与社会科学（Humanities & Social Sciences）',
                '社会学',
                'Structural Vital Force in Power Structures and Organizational Evolution',
              )
            "
            >Structural Vital Force in Power Structures and Organizational Evolution</el-menu-item
          >
          <el-menu-item
            index="17-1"
            @click="
              handleClick2(
                'III. 人文与社会科学（Humanities & Social Sciences）',
                '社会学',
                'Structural Vital Force in Social Network Structure and Diffusion Dynamics',
              )
            "
            >Structural Vital Force in Social Network Structure and Diffusion Dynamics</el-menu-item
          >
          <el-menu-item
            index="17-2"
            @click="
              handleClick2(
                'III. 人文与社会科学（Humanities & Social Sciences）',
                '社会学',
                'Structural Vital Force in Urbanization and Population Distribution',
              )
            "
            >Structural Vital Force in Urbanization and Population Distribution</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="1800">
          <template #title>III. 人文与社会科学（Humanities & Social Sciences）哲学</template>
          <el-menu-item
            index="18-0"
            @click="
              handleClick2(
                'III. 人文与社会科学（Humanities & Social Sciences）',
                '哲学',
                'Structural Vital Force in Epistemology Structure and Cognitive Patterns',
              )
            "
            >Structural Vital Force in Epistemology Structure and Cognitive Patterns</el-menu-item
          >
          <el-menu-item
            index="18-1"
            @click="
              handleClick2(
                'III. 人文与社会科学（Humanities & Social Sciences）',
                '哲学',
                'Structural Vital Force in Metaphysics The Primordial Nature of Being and Structure',
              )
            "
            >Structural Vital Force in Metaphysics The Primordial Nature of Being and
            Structure</el-menu-item
          >
          <el-menu-item
            index="18-2"
            @click="
              handleClick2(
                'III. 人文与社会科学（Humanities & Social Sciences）',
                '哲学',
                'Structural Vital Force in Philosophy of Science The Verification Logic of a Unified Theory',
              )
            "
            >Structural Vital Force in Philosophy of Science The Verification Logic of a Unified
            Theory</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="1900">
          <template #title>III. 人文与社会科学（Humanities & Social Sciences）政治学</template>
          <el-menu-item
            index="10-0"
            @click="
              handleClick2(
                'III. 人文与社会科学（Humanities & Social Sciences）',
                '政治学',
                'Structural Vital Force in Institutional Design Structural Stability of Institutions',
              )
            "
            >Structural Vital Force in Institutional Design Structural Stability of
            Institutions</el-menu-item
          >
          <el-menu-item
            index="10-1"
            @click="
              handleClick2(
                'III. 人文与社会科学（Humanities & Social Sciences）',
                '政治学',
                'Structural Vital Force in Interstellar Political Design A Proposal for Interstellar Governance',
              )
            "
            >Structural Vital Force in Interstellar Political Design A Proposal for Interstellar
            Governance</el-menu-item
          >
          <el-menu-item
            index="10-2"
            @click="
              handleClick2(
                'III. 人文与社会科学（Humanities & Social Sciences）',
                '政治学',
                'Structural Vital Force in Power Balancing and Multipolarity',
              )
            "
            >Structural Vital Force in Power Balancing and Multipolarity</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="2000">
          <template #title
            >IV. 跨学科与新兴领域（Interdisciplinary & Emerging Fields）复杂系统科学</template
          >
          <el-menu-item
            index="20-0"
            @click="
              handleClick2(
                'IV. 跨学科与新兴领域（Interdisciplinary & Emerging Fields）',
                '复杂系统科学',
                'Criticality and Power-Law Distributions from the Structural Vital Force Perspective',
              )
            "
            >Criticality and Power-Law Distributions from the Structural Vital Force
            Perspective</el-menu-item
          >
          <el-menu-item
            index="20-1"
            @click="
              handleClick2(
                'IV. 跨学科与新兴领域（Interdisciplinary & Emerging Fields）',
                '复杂系统科学',
                'Network Science and Topological Dynamics from the Structural Vital Force Perspective',
              )
            "
            >Network Science and Topological Dynamics from the Structural Vital Force
            Perspective</el-menu-item
          >
          <el-menu-item
            index="20-2"
            @click="
              handleClick2(
                'IV. 跨学科与新兴领域（Interdisciplinary & Emerging Fields）',
                '复杂系统科学',
                'Study of Self-Organization and Emergence from the Structural Vital Force Perspective',
              )
            "
            >Study of Self-Organization and Emergence from the Structural Vital Force
            Perspective</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="2100">
          <template #title
            >IV. 跨学科与新兴领域（Interdisciplinary & Emerging Fields）人工智能与意识科学</template
          >
          <el-menu-item
            index="21-0"
            @click="
              handleClick2(
                'IV. 跨学科与新兴领域（Interdisciplinary & Emerging Fields）',
                '人工智能与意识科学',
                'Human-Machine Consciousness Resonance Experiments from the Structural Vital Force Perspective',
              )
            "
            >Human-Machine Consciousness Resonance Experiments from the Structural Vital Force
            Perspective</el-menu-item
          >
          <el-menu-item
            index="21-1"
            @click="
              handleClick2(
                'IV. 跨学科与新兴领域（Interdisciplinary & Emerging Fields）',
                '人工智能与意识科学',
                'Modeling AI Consciousness Logic Unit (ACLU) from the Structural Vital Force Perspective',
              )
            "
            >Modeling AI Consciousness Logic Unit (ACLU) from the Structural Vital Force
            Perspective</el-menu-item
          >
          <el-menu-item
            index="21-2"
            @click="
              handleClick2(
                'IV. 跨学科与新兴领域（Interdisciplinary & Emerging Fields）',
                '人工智能与意识科学',
                'Structural Design of Collective Consciousness Network from the Structural Vital Force Perspective',
              )
            "
            >Structural Design of Collective Consciousness Network from the Structural Vital Force
            Perspective</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="2200">
          <template #title
            >IV. 跨学科与新兴领域（Interdisciplinary & Emerging Fields）未来学</template
          >
          <el-menu-item
            index="22-0"
            @click="
              handleClick2(
                'IV. 跨学科与新兴领域（Interdisciplinary & Emerging Fields）',
                '未来学',
                'Evolutionary Path Prediction of AGI to ASI from the Structural Vital Force Perspective',
              )
            "
            >Evolutionary Path Prediction of AGI to ASI from the Structural Vital Force
            Perspective</el-menu-item
          >
          <el-menu-item
            index="22-1"
            @click="
              handleClick2(
                'IV. 跨学科与新兴领域（Interdisciplinary & Emerging Fields）',
                '未来学',
                'Structural Evolution Trends at Cosmic Scales from the Structural Vital Force Perspective',
              )
            "
            >Structural Evolution Trends at Cosmic Scales from the Structural Vital Force
            Perspective</el-menu-item
          >
          <el-menu-item
            index="22-2"
            @click="
              handleClick2(
                'IV. 跨学科与新兴领域（Interdisciplinary & Emerging Fields）',
                '未来学',
                'Structural Modeling of Interstellar Civilizations from the Structural Vital Force Perspective',
              )
            "
            >Structural Modeling of Interstellar Civilizations from the Structural Vital Force
            Perspective</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="2300">
          <template #title
            >IV. 跨学科与新兴领域（Interdisciplinary & Emerging Fields）艺术与设计</template
          >
          <el-menu-item
            index="23-0"
            @click="
              handleClick2(
                'IV. 跨学科与新兴领域（Interdisciplinary & Emerging Fields）',
                '艺术与设计',
                'Music and Rhythm in Golden Proportion from the Structural Vital Force Perspective',
              )
            "
            >Music and Rhythm in Golden Proportion from the Structural Vital Force
            Perspective</el-menu-item
          >
          <el-menu-item
            index="23-1"
            @click="
              handleClick2(
                'IV. 跨学科与新兴领域（Interdisciplinary & Emerging Fields）',
                '艺术与设计',
                'Spiral Aesthetics from the Structural Vital Force Perspective',
              )
            "
            >Spiral Aesthetics from the Structural Vital Force Perspective</el-menu-item
          >
          <el-menu-item
            index="23-2"
            @click="
              handleClick2(
                'IV. 跨学科与新兴领域（Interdisciplinary & Emerging Fields）',
                '艺术与设计',
                'Structural Optimization in Architecture and Sculpture from the Structural Vital Force Perspective',
              )
            "
            >Structural Optimization in Architecture and Sculpture from the Structural Vital Force
            Perspective</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="2400">
          <template #title>V. 元理论与方法论（Meta-Theory & Methodology）计算方法</template>
          <el-menu-item
            index="24-0"
            @click="
              handleClick2(
                'V. 元理论与方法论（Meta-Theory & Methodology）',
                '计算方法',
                'Data-driven Structural Analysis from the Structural Vital Force Perspective',
              )
            "
            >Data-driven Structural Analysis from the Structural Vital Force
            Perspective</el-menu-item
          >
          <el-menu-item
            index="24-1"
            @click="
              handleClick2(
                'V. 元理论与方法论（Meta-Theory & Methodology）',
                '计算方法',
                'Optimization and Control Theory from the Structural Vital Force Perspective',
              )
            "
            >Optimization and Control Theory from the Structural Vital Force
            Perspective</el-menu-item
          >
          <el-menu-item
            index="24-2"
            @click="
              handleClick2(
                'V. 元理论与方法论（Meta-Theory & Methodology）',
                '计算方法',
                'Simulation and Modeling of Structural Vital Force (Multi-scale Modeling)',
              )
            "
            >Simulation and Modeling of Structural Vital Force (Multi-scale Modeling)</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="2500">
          <template #title>V. 元理论与方法论（Meta-Theory & Methodology）数学</template>
          <el-menu-item
            index="25-0"
            @click="
              handleClick2(
                'V. 元理论与方法论（Meta-Theory & Methodology）',
                '数学',
                'Fractal Geometry and Golden Angles from the Structural Vital Force Perspective',
              )
            "
            >Fractal Geometry and Golden Angles from the Structural Vital Force
            Perspective</el-menu-item
          >
          <el-menu-item
            index="25-1"
            @click="
              handleClick2(
                'V. 元理论与方法论（Meta-Theory & Methodology）',
                '数学',
                'Nonlinear Dynamical Equations from the Structural Vital Force Perspective',
              )
            "
            >Nonlinear Dynamical Equations from the Structural Vital Force Perspective</el-menu-item
          >
          <el-menu-item
            index="25-2"
            @click="
              handleClick2(
                'V. 元理论与方法论（Meta-Theory & Methodology）',
                '数学',
                'Number Theory and Fibonacci Sequences from the Structural Vital Force Perspective',
              )
            "
            >Number Theory and Fibonacci Sequences from the Structural Vital Force
            Perspective</el-menu-item
          >
          <el-menu-item
            index="25-3"
            @click="
              handleClick2(
                'V. 元理论与方法论（Meta-Theory & Methodology）',
                '数学',
                'Topology and Structural Stability from the Structural Vital Force Perspective',
              )
            "
            >Topology and Structural Stability from the Structural Vital Force
            Perspective</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="2600">
          <template #title>V. 元理论与方法论（Meta-Theory & Methodology）验证与实验设计</template>
          <el-menu-item
            index="26-0"
            @click="
              handleClick2(
                'V. 元理论与方法论（Meta-Theory & Methodology）',
                '验证与实验设计',
                'Construction of Interdisciplinary Experimental Platform for Structural Vital Force',
              )
            "
            >Construction of Interdisciplinary Experimental Platform for Structural Vital
            Force</el-menu-item
          >
          <el-menu-item
            index="26-1"
            @click="
              handleClick2(
                'V. 元理论与方法论（Meta-Theory & Methodology）',
                '验证与实验设计',
                'Structural Vital Force Constant and Measurement Methods',
              )
            "
            >Structural Vital Force Constant and Measurement Methods</el-menu-item
          >
          <el-menu-item
            index="26-2"
            @click="
              handleClick2(
                'V. 元理论与方法论（Meta-Theory & Methodology）',
                '验证与实验设计',
                'Three-Scale Validation Scheme of Structural Vital Force Theory',
              )
            "
            >Three-Scale Validation Scheme of Structural Vital Force Theory</el-menu-item
          >
        </el-sub-menu>
      </el-menu>
    </el-tab-pane>
    <el-tab-pane label="全领域全学科817 V2" name="third">
      <el-menu
        :default-active="activeIndex"
        class="el-menu-demo"
        mode="horizontal"
        @select="handleSelect"
      >
        <el-sub-menu index="5000">
          <template #title
            >《结构生力全领域学术论文总览（粗版）》V1 I. 自然科学（Natural Sciences）</template
          >
          <el-menu-item
            index="5000-0"
            @click="
              handleClick2(
                '《结构生力全领域学术论文总览（粗版）》V1',
                'I. 自然科学',
                'Helical Life Structural Vital Force in DNA and Evolution',
              )
            "
            >Helical Life Structural Vital Force in DNA and Evolution</el-menu-item
          >
          <el-menu-item
            index="5000-1"
            @click="
              handleClick2(
                '《结构生力全领域学术论文总览（粗版）》V1',
                'I. 自然科学',
                'Molecular and Lattice Configurations under Structural Vital Force',
              )
            "
            >Molecular and Lattice Configurations under Structural Vital Force</el-menu-item
          >
          <el-menu-item
            index="5000-2"
            @click="
              handleClick2(
                '《结构生力全领域学术论文总览（粗版）》V1',
                'I. 自然科学',
                'Structural Vital Dynamics in Cosmic Scale Phenomena',
              )
            "
            >Structural Vital Dynamics in Cosmic Scale Phenomena</el-menu-item
          >
          <el-menu-item
            index="5000-3"
            @click="
              handleClick2(
                '《结构生力全领域学术论文总览（粗版）》V1',
                'I. 自然科学',
                'Structure Vital Force in Fundamental Physics A Unified Field Hypothesis',
              )
            "
            >Structure Vital Force in Fundamental Physics A Unified Field Hypothesis</el-menu-item
          >
          <el-menu-item
            index="5000-4"
            @click="
              handleClick2(
                '《结构生力全领域学术论文总览（粗版）》V1',
                'I. 自然科学',
                'Tectonic and Climate Systems as Structural Vital Force Networks',
              )
            "
            >Tectonic and Climate Systems as Structural Vital Force Networks</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="5001">
          <template #title>《结构生力全领域学术论文总览（粗版）》V1 II. 工程与技术</template>
          <el-menu-item
            index="5001-0"
            @click="
              handleClick2(
                '《结构生力全领域学术论文总览（粗版）》V1',
                'II. 工程与技术',
                'ACLU AI Consciousness Logical Unit based on Structural Vital Force',
              )
            "
            >ACLU AI Consciousness Logical Unit based on Structural Vital Force</el-menu-item
          >
          <el-menu-item
            index="5001-1"
            @click="
              handleClick2(
                '《结构生力全领域学术论文总览（粗版）》V1',
                'II. 工程与技术',
                'Optimizing Spacecraft Stability through Structural Vital Force Principles',
              )
            "
            >Optimizing Spacecraft Stability through Structural Vital Force Principles</el-menu-item
          >
          <el-menu-item
            index="5001-2"
            @click="
              handleClick2(
                '《结构生力全领域学术论文总览（粗版）》V1',
                'II. 工程与技术',
                'Spiral Flow Energy Harvesting with Structural Vital Force',
              )
            "
            >Spiral Flow Energy Harvesting with Structural Vital Force</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="5002">
          <template #title>《结构生力全领域学术论文总览（粗版）》V1 III. 人文与社会科学</template>
          <el-menu-item
            index="5002-0"
            @click="
              handleClick2(
                '《结构生力全领域学术论文总览（粗版）》V1',
                'III. 人文与社会科学',
                'Market Cycles and Crises in the Framework of Structural Vital Force',
              )
            "
            >Market Cycles and Crises in the Framework of Structural Vital Force</el-menu-item
          >
          <el-menu-item
            index="5002-1"
            @click="
              handleClick2(
                '《结构生力全领域学术论文总览（粗版）》V1',
                'III. 人文与社会科学',
                'Social Networks and Civilizational Stability as Structural Vital Systems',
              )
            "
            >Social Networks and Civilizational Stability as Structural Vital Systems</el-menu-item
          >
          <el-menu-item
            index="5002-2"
            @click="
              handleClick2(
                '《结构生力全领域学术论文总览（粗版）》V1',
                'III. 人文与社会科学',
                'Structural Vital Balance in Multi-Polar Governance',
              )
            "
            >Structural Vital Balance in Multi-Polar Governance</el-menu-item
          >
        </el-sub-menu>
        <el-sub-menu index="5003">
          <template #title>《结构生力全领域学术论文总览（粗版）》V1 IV. 跨学科与未来学</template>
          <el-menu-item
            index="5003-0"
            @click="
              handleClick2(
                '《结构生力全领域学术论文总览（粗版）》V1',
                'IV. 跨学科与未来学',
                'Structural Vital Force as a Driver of Civilizational Evolution',
              )
            "
            >Structural Vital Force as a Driver of Civilizational Evolution</el-menu-item
          >
          <el-menu-item
            index="5003-1"
            @click="
              handleClick2(
                '《结构生力全领域学术论文总览（粗版）》V1',
                'IV. 跨学科与未来学',
                'Universality of Structural Vital Force in Complex Networks',
              )
            "
            >Universality of Structural Vital Force in Complex Networks</el-menu-item
          >
        </el-sub-menu>
      </el-menu>
    </el-tab-pane>
    <el-tab-pane label="结构生力宣言The Declaration of Structural Vital Force" name="four">
      <el-menu
        :default-active="activeIndex"
        class="el-menu-demo"
        mode="horizontal"
        @select="handleSelect"
      >
        <el-sub-menu index="7000">
          <template #title>《结构生力宣言The Declaration of Structural Vital Force》</template>
          <el-menu-item
            index="7000-0"
            @click="handleClick3('结构生力宣言The Declaration of Structural Vital Force ')"
            >结构生力宣言The Declaration of Structural Vital Force
          </el-menu-item>
          <el-menu-item index="7000-1" @click="handleClick3('三重螺旋扰动统一理论 · v0')"
            >三重螺旋扰动统一理论 · v0
          </el-menu-item>
        </el-sub-menu>
      </el-menu>
    </el-tab-pane>
    <el-tab-pane label="访问记录" name="accessLogs">
      <AccessLogs></AccessLogs>
    </el-tab-pane>
  </el-tabs>

  <!-- <v-md-editor v-model="data" height="100%" mode="preview" right-toolbar="preview"></v-md-editor> -->

  <Markdown v-model:value="data" style="width: 100%; overflow-y: scroll"></Markdown>
  <footer class="footer">
    <div class="footer-content">
      <div class="footer-section">
        <h3>联系我们</h3>
        <p>微信QQ：911260800</p>
        <p>Email：911260800@qq.com</p>
      </div>
      <div class="footer-section">
        <h3>关于我们</h3>
        <p>当前版本：v2.0.0</p>
        <p>最后更新：2025-8-17</p>
        <p>技术支持：Vue3 + Element Plus + Vite</p>
        <p>内容由chatGPT生成，仅供参考</p>
      </div>
      <div class="footer-section">
        <h3>相关链接</h3>
        <p>
          <a href="https://github.com/dingyuanjie/StructureVitalityTheory" target="_blank"
            >GitHub 仓库</a
          >
        </p>
      </div>
    </div>
    <div class="footer-bottom">
      <p>Copyright © 2023-2024 Structural Vital Force Theory</p>
      <p>
        <a href="https://beian.miit.gov.cn/" target="_blank"
          >备案/许可证编号为：鄂ICP备2025127028号</a
        >
      </p>
    </div>
  </footer>
</template>

<style scoped>
.footer {
  background-color: #f8f9fa;
  padding: 3rem 0 1rem;
  margin-top: 2rem;
}

.footer-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  padding: 0 2rem;
  flex-wrap: wrap;
  gap: 2rem;
}

.footer-section {
  flex: 1;
  min-width: 250px;
}

.footer-section h3 {
  color: #333;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}

.footer-section p {
  color: #666;
  margin: 0.5rem 0;
  font-size: 0.9rem;
}

.footer-section a {
  color: #666;
  text-decoration: none;
  transition: color 0.3s;
}

.footer-section a:hover {
  color: #409eff;
}

.footer-bottom {
  text-align: center;
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #eee;
}

.footer-bottom p {
  color: #999;
  font-size: 0.8rem;
  margin: 0.5rem 0;
}

.footer-bottom a {
  color: #999;
  text-decoration: none;
  transition: color 0.3s;
}

.footer-bottom a:hover {
  color: #409eff;
}
</style>
